<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/html">
<head>
    <!--$Author: paullasarev@gmail.com $--> 
    <!--$Id: svgram_metro.html 244 2013-01-07 05:39:46Z paullasarev@gmail.com $--> 

    <meta http-equiv="Content-type" content="text/html;charset=UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta name="viewport" content="target-densitydpi=device-dpi, width=device-width, initial-scale=1.0, maximum-scale=1">

    <link href="css/modern-min.css" rel="stylesheet">
    <link href="css/site.css" rel="stylesheet" type="text/css">
	
    <script data-main="src/metro_init.js" src="src/require.js"></script>
    
    <title>SVGRAM</title>
</head>
<body class="modern-ui">

<table border="0" style="border-collapse:collapse; border:none; table-layout:fixed;">
<tr>
<td width="160px" style="border-collapse:collapse; border:none;">
  <div class="toolbar-vertical">
    <div class="toolbar-group" id="shape-action-button">
      <button class="button standard bg-color-blue fg-color-white" style="width:140px;" id="toolbar.icon.about">
        <img src="images/logo.png" style="width:30px; height:30px; top:0px; left:4px"/>SVGram</button>
    </div>
    <div class="toolbar-group" id="shape-button">
      <button class="button standard" style="width:140px" id="toolbar.icon.rect">
        <img src="images/block.png""/>Block</button>
      <button class="button standard" style="width:140px" id="toolbar.icon.line">
        <img src="images/line.png"/>Line</button>
      <button class="button standard" style="width:140px" id="toolbar.icon.text">
        <img src="images/text.png"/>Text</button>
    </div>
    <div class="toolbar-group" id="shape-action-button">
      <button class="button standard" style="width:140px" id="toolbar.icon.export">
        Export SVG<img src="images/save.png"/></button>
    </div>
    <div class="toolbar-group">
      <button id="buttonColor" class="button" style="width:140px; background-color:#3333CC; color:white">Current Color</button>
      <div id="colorPicker"></div>
    </div>
    <div class="toolbar-group" id="shape-action-button">
      <button class="button standard" style="width:140px" id="toolbar.icon.delete">
        Delete</button>
    </div>
  </div>
</td>
<td style="border-collapse:collapse; border:none" >
  <svg id="diagram" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg">
  </svg>
</td>
</tr>
</table>

</body>
